<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>iLEADER</title>
  <link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
  <link rel="stylesheet" href="../dist/lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../dist/css/main.css">
</head>
<body>
<!-- header start -->
<div class="ileader-header">
  <div class="ileader-main layui-clear">
    <a href="index.html" class="logo"><img src="../dist/images/logo.png" alt=""></a>
    <ul class="nav-list">
      <li class="list-item"><a href="#">下载APP</a></li>
      <li class="list-item">
        <form class="layui-form search-box">
          <div class="layui-input-inline">
            <input type="text" name="seachInfo" class="layui-input search-input" placeholder="搜索课程信息" autocomplete="off">
          </div>
          <button class="layui-btn layui-btn-normal search-btn" lay-submit lay-filter="formDemo"></button>
        </form>
      </li>
      <!-- 登录前 -->
      <!--<li class="list-item">-->
        <!--<a href="javascript:;" class="js-header-register">注册</a> / <a href="javascript:;" class="js-header-signIn">登录</a>-->
      <!--</li>-->
      <!--<li class="list-item item-user">-->
        <!--<span class="user-head"><img src="../dist/images/user_head.png" class="" alt=""></span>-->
      <!--</li>-->
       <!--登录后-->
      <li class="list-item list-item-after">
        <a href="m-news.html" class="user-news active">消息</a>
        <a href="m-online-course.html">个人中心</a>
      </li>
      <li class="list-item item-user">
        <span class="user-name">黑眼圈圈</span>
        <span class="user-head">
          <img src="../dist/images/user_head.png" alt="">
          <span class="user-exit">
            <a href="#" class="link-exit"><i class="icon-exit"></i>退出</a>
          </span>
        </span>
      </li>
    </ul>
  </div>
</div>
<!-- header start-->

<!-- banner start-->
<div class="index-banner-wrap" id="bannerWrap">
  <div class="swiper-container index-banner">
    <div class="swiper-wrapper">
    <div class="swiper-slide swiper-no-swiping" data-type="90" style="background-image: url(http://file.wowlms.ruixinnj.com/image/banner/WechatIMG31_1561692722.png)">
      <a href="#" class="slide-link"></a>
    </div>
    <div class="swiper-slide swiper-no-swiping" data-type="91" style="background-image: url(../dist/images/index_banner1.jpg)">
      <a href="#" class="slide-link"></a>
    </div>
      <div class="swiper-slide swiper-no-swiping" data-type="92" style="background-image: url(http://file.wowlms.ruixinnj.com/image/banner/WechatIMG2_1561692738.png)">
        <a href="#" class="slide-link"></a>
      </div>
      <div class="swiper-slide swiper-no-swiping" data-type="94" style="background-image: url(../dist/images/index_banner1.jpg)">
        <a href="#" class="slide-link"></a>
      </div>
      <div class="swiper-slide swiper-no-swiping" data-type="95" style="background-image: url(http://file.wowlms.ruixinnj.com/image/banner/WechatIMG1_1561692755.png)">
        <a href="#" class="slide-link"></a>
      </div>
  </div>
    <div class="swiper-pagination"></div>
    <!-- 箭头 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
  </div>
  <div class="ileader-main">
    <div class="banner-nav">
      <ul class="nav-list">
        <li class="nav-item" :class="{'active': activeItem === 90}">
          <a href="javascript:;" class="item-link" @click="getCourse(90)" data-type="90">
            <div class="info">职场英语</div>
          </a>
        </li>
        <li class="nav-item" :class="{'active': activeItem === 91}">
          <a href="javascript:;" class="item-link" @click="getCourse(91)" data-type="91">
            <div class="info">职业技能</div>
          </a>
        </li>
        <li class="nav-item" :class="{'active': activeItem === 92}">
          <a href="javascript:;" class="item-link" @click="getCourse(92)" data-type="92">
            <div class="info">认证考试</div>
          </a>
        </li>
        <li class="nav-item" :class="{'active': activeItem === 94}">
          <a href="javascript:;" class="item-link" @click="getCourse(94)" data-type="94">
            <div class="info">小语种</div>
          </a>
        </li>
        <li class="nav-item" :class="{'active': activeItem === 95}">
          <a href="javascript:;" class="item-link" @click="getCourse(95)" data-type="95">
            <div class="info">出国考试</div>
          </a>
        </li>
        <li class="nav-item">
          <a href="/course/index" target="_blank" class="item-link">
            <div class="info">更多</div>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>
<!-- banner end -->

<!-- content start-->
<!-- 精选好课 -->

<div class="il-course-floor" id="courseFloor">
  <div class="ileader-main">
    <div class="floor-title layui-clear">
      <div class="ft-title">热门课程推荐</div>
      <a href="/course/index" target="_blank" class="ft-more">更多</a>
    </div>
    <ul class="floor-list layui-clear">
      <li class="list-item" v-cloak v-for="value,key in course">
        <a target="_blank" :href="value.info" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" :src="value.course_cover">
          </div>
          <div class="item-content">
            <div class="item-name">{{ value.title }}</div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>
<!-- 名师专栏 -->
<div class="il-teacher-floor">
  <div class="ileader-main">
    <div class="floor-title layui-clear">
      <div class="ft-title">名师专栏</div>
      <a href="e-all-teacher.html" target="_blank" class="ft-more">更多</a>
    </div>
    <ul class="floor-list layui-clear">
      <li class="list-item">
        <a href="e-teacher-detail.html" target="_blank" class="item-link layui-clear">
          <div class="item-pic">
            <img src="http://file.lms.ruixinnj.com/image/teacher_avatar/work/s121_1554185400.jpg?x-oss-process=image/resize,m_lfit,h_128,w_224" alt="">
            <div class="item-shadow">
              <span class="zoom"></span>
              <p>了解详情</p>
            </div>
          </div>
          <div class="item-content">
            <div class="item-name">香蕉老师</div>
            <div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="e-teacher-detail.html" target="_blank" class="item-link layui-clear">
          <div class="item-pic">
            <img src="http://file.lms.ruixinnj.com/image/teacher_avatar/work/s121_1554185400.jpg?x-oss-process=image/resize,m_lfit,h_128,w_224" alt="">
            <div class="item-shadow">
              <span class="zoom"></span>
              <p>了解详情</p>
            </div>
          </div>
          <div class="item-content">
            <div class="item-name">香蕉老师</div>
            <div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="e-teacher-detail.html" target="_blank" class="item-link layui-clear">
          <div class="item-pic">
            <img src="http://file.lms.ruixinnj.com/image/teacher_avatar/work/s121_1554185400.jpg?x-oss-process=image/resize,m_lfit,h_128,w_224" alt="">
            <div class="item-shadow">
              <span class="zoom"></span>
              <p>了解详情</p>
            </div>
          </div>
          <div class="item-content">
            <div class="item-name">香蕉老师</div>
            <div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="e-teacher-detail.html" target="_blank" class="item-link layui-clear">
          <div class="item-pic">
            <img src="http://file.lms.ruixinnj.com/image/teacher_avatar/work/s121_1554185400.jpg?x-oss-process=image/resize,m_lfit,h_128,w_224" alt="">
            <div class="item-shadow">
              <span class="zoom"></span>
              <p>了解详情</p>
            </div>
          </div>
          <div class="item-content">
            <div class="item-name">香蕉老师</div>
            <div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a href="e-teacher-detail.html" target="_blank" class="item-link layui-clear">
          <div class="item-pic">
            <img src="http://file.lms.ruixinnj.com/image/teacher_avatar/work/s121_1554185400.jpg?x-oss-process=image/resize,m_lfit,h_128,w_224" alt="">
            <div class="item-shadow">
              <span class="zoom"></span>
              <p>了解详情</p>
            </div>
          </div>
          <div class="item-content">
            <div class="item-name">香蕉老师</div>
            <div class="item-info">一款人人都爱的车，浑身都是亮点一款人人都爱的车，浑身都是亮点.....</div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>
<!-- 免费好课 -->
<div class="il-course-floor">
  <div class="ileader-main">
    <div class="floor-title layui-clear">
      <div class="ft-title">免费好课</div>
      <a href="e-all-course.html" target="_blank" class="ft-more">更多</a>
    </div>
    <ul class="floor-list layui-clear">
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-online-detail.html" class="item-link">
          <div class="item-pic">
            <!-- flag -->
            <span class="item-flag">热门</span>
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前</div>
            <div class="item-info">
              <span class="sp"><i class="icon icon-num"></i>10万+人学过</span>
              <span class="sp"><i class="icon icon-level"></i>level5</span>
              <div class="star-box">
                <div class="box-inner" style="width: 60%"></div>
              </div>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>
<!-- 直播课堂 -->
<div class="il-openclass-floor">
  <div class="ileader-main">
    <div class="floor-title layui-clear">
      <div class="ft-title">直播课堂</div>
      <a href="e-live-class.html" target="_blank" class="ft-more">更多</a>
    </div>
    <ul class="floor-list layui-clear">
      <li class="list-item">
        <a target="_blank" href="e-live-detail.html" class="item-link">
          <div class="item-pic">
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="level color-red">未开始</span><span class="time">2019-01-20  19：00</span>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-live-detail.html" class="item-link">
          <div class="item-pic">
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="level color-red">未开始</span><span class="time">2019-01-20  19：00</span>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-live-detail.html" class="item-link">
          <div class="item-pic">
            <img class="pic" src="https://img2.mukewang.com/szimg/5c62a4dc0812e84106000338.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="level color-green">进行中</span><span class="time">2019-01-20  19：00</span>
            </div>
            <div class="item-price">
              <span class="color-red">￥369<em>.00</em></span>
            </div>
          </div>
        </a>
      </li>
      <li class="list-item">
        <a target="_blank" href="e-live-detail.html" class="item-link">
          <div class="item-pic">
            <img class="pic" src="https://img4.mukewang.com/5b86566a0001d31106000338-240-135.jpg">
          </div>
          <div class="item-content">
            <div class="item-name">React 源码深度解析高级前端工程师必备技能</div>
            <div class="item-info">
              <span class="level">已结束</span><span class="time">2019-01-20  19：00</span>
            </div>
            <div class="item-price">
              <span class="color-green">免费</span>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>
<!-- content end-->

<!-- footer start-->
<div class="footer-warp">
  <div class="footer-nav">
    <a href="#">关于我们</a>
    <a href="#">联系我们</a>
    <a href="#">帮助中心</a>
    <a href="javascript:;" class="ewm-link">
      <span>订阅号</span>
      <div class="ewm-box">
        <p>扫描二维码关注<br>iLeader微信服务号</p>
        <img src="../dist/images/ewm.png" alt="">
      </div>
    </a>
  </div>
  <div class="copyright">京ICP证030173号-1   京网文【2013】0934-983号     ©2019Baidu</div>
</div>
<!-- footer end-->

<!--报名悬浮窗 begin-->
<div class="il-sign-dialog">
  <span class="dialog-close"></span>
  <div class="dialog-title">在线报名</div>
  <div class="dialog-box">
    <form class="layui-form">
      <div class="layui-form-item">
        <label class="layui-form-label">邮箱</label>
        <div class="layui-input-block">
          <input type="text" name="email" required  lay-verify="email" lay-verType="tips" placeholder="" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">手机</label>
        <div class="layui-input-block">
          <input type="text" name="num" required  lay-verify="phone" lay-verType="tips" placeholder="" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-block">
          <input type="text" name="name" required  lay-verify="required" lay-verType="tips" placeholder="" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">企业</label>
        <div class="layui-input-block">
          <input type="text" name="enterprise" required  lay-verify="required" lay-verType="tips" placeholder="" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item item-op">
        <button class="layui-btn layui-btn-fluid layui-btn-normal js-btn-sub" lay-submit lay-filter="signDialogForm">报名</button>
      </div>
    </form>
  </div>
</div>
<!-- 报名悬浮窗 end-->

<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/lib/vue.min.js"></script>
<script src="../dist/lib/swiper/js/swiper.min.js"></script>
<script src="../dist/js/popup_all.js"></script>
<script src="../dist/js/index.js"></script>
</body>
</html>